<template>
  <div>
    <el-date-picker
        v-model="value1"
        type="monthrange"
        range-separator="至"
        :picker-options="pickerOptions"
        @change="changeDate"
        start-placeholder="开始月份"
        end-placeholder="结束月份">
    </el-date-picker>
  </div>
</template>

<script>
export default {
  name: "element7",
  data() {
    return {
      value1: '',
      pickerOptions: {
        disabledDate(time) {
          return time.getTime() > Date.now();
        },
      }
    }
  },
  methods:{
    changeDate(val){
      console.log("changeDate",this.value1)
    }
  }
}
</script>

<style scoped>

</style>